<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>用户登录</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<%@ include file="/WEB-INF/common.jsp"%>
</head>
<link
	href="${path }/resources/css/plugins/bootstrap-table/bootstrap-table.min.css"
	rel="stylesheet">
<link href="${path }/resources/css/animate.css" rel="stylesheet">
<link href="${path }/resources/css/style.css?v=4.1.0" rel="stylesheet">
<!--dataTables css样式-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/jquery.dataTables.min.css">
<!--DataTables button扩展-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/buttons.dataTables.min.css">
<body class="gray-bg">
	<div class="row  border-bottom white-bg dashboard-header">
		<!--       <div class="col-sm-12">
            <blockquote class="text-warning" style="font-size:14px">您是否需要自己做一款后台、会员中心等等的，但是又缺乏html等前端知识…
                <br>您是否一直在苦苦寻找一款适合自己的后台主题…
                <br>您是否想做一款自己的web应用程序…
                <br>…………
                <h4 class="text-danger">那么，现在H+来了</h4>
            </blockquote>

            <hr>
        </div> -->
		<div class="col-sm-12">

			<h1 class="text-danger" style="margin-left: 30px">欢迎登录内蒙古消防综合管理平台</h1>

		</div>
		<!--表格  -->
		<div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 30px">
			<table id="accountList" class="table table-bordered table-striped"
				style="width: 100%">
				<thead>
					<tr>
						<th>项目名称</th>
						<th>建筑数（栋）</th>
						<th>总建筑面积</th>
						<th>签订日期</th>
						<th>结束日期</th>
						<th>项目负责人</th>
						<th>状态</th>
					</tr>
				</thead>
			</table>
		</div>

	</div>
</body>
<!-- Bootstrap table-->
<script
	src="${path }/resources/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script
	src="${path }/resources/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!--DataTables 核心 js-->
<script src="${path }/resources/js/jquery.dataTables.min.js"></script>
<!--DataTables button扩展-->
<script src="${path }/resources/js/dataTables.buttons.min.js"></script>
<!--DataTables 导出相关js文件-->
<script src="${path }/resources/js/buttons.html5.min.js"></script>
<script src="${path }/resources/js/jszip.min.js"></script>
<!-- datatables日期格式化 -->
<script src="${path }/resources/js/moment.min.js"></script>
<script type="text/javascript">

	window.onload = function() {
		
		var data = ${locatonList};
		
		$('#accountList').DataTable({
			data : data,
			language : {
				"paginate" : {
					"processing" : "正在处理中。。。"
				},
				//"sProcessing": "处理中...",  
				"sLengthMenu" : "显示 _MENU_ 项结果",
				"sZeroRecords" : "没有匹配结果",
				"sInfo" : "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
				"sInfoEmpty" : "显示第 0 至 0 项结果，共 0 项",
				"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索:",
				"sUrl" : "",
				"sEmptyTable" : "表中数据为空",
				"sLoadingRecords" : "载入中...",
				"sInfoThousands" : ",",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上页",
					"sNext" : "下页",
					"sLast" : "末页"
				},
				"oAria" : {
					"sSortAscending" : ": 以升序排列此列",
					"sSortDescending" : ": 以降序排列此列"
				}
			},
			"iDisplayLength" : 15,
			"lengthMenu":[10,15,20],
			"columns" : [ {
				"data" : "projectName",
				"defaultContent" : ""
			}, {
				"data" : "building_count",
				"defaultContent" : ""
			}, {
				"data" : "building_area",
				"defaultContent" : ""
			}, {
				"data" : "signDate",
				"defaultContent" : "",
				"render": function (data, type, row, meta) {
      		  		return moment(data).format("YYYY/MM/DD");
				 }
			}, {
				"data" : "endDate",
				"defaultContent" : "",
				"render": function (data, type, row, meta) {
      		  		return moment(data).format("YYYY/MM/DD");
				 }
			}, {
				"data" : "projectCharge",
				"defaultContent" : ""
			}, {
				"data" : "status",
				"defaultContent" : ""
			}, ]

		});
	}
</script>
</html>
